<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="../static/js/jquery3.js"></script>
    <script type="text/javascript">
    </script>
    <style>
        body {
            font-family: Microsoft JhengHei;
        }

        label {
            font-weight: bold
        }

        .width {
            height: 110px;
            width: 500px;
            position: relative;
            left: 80px;
        }


        #btn_ok {
            background: linear-gradient(to right, #00B4F4, #0094D9);
            position: relative;
        }

        .yuan {
            border-radius: 10px
        }

        input::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }

        textarea::-webkit-input-placeholder {
            /* placeholder颜色 */
            color: #aab2bd;
            /* placeholder字体大小 */
            font-size: 8px;
        }
    </style>
</head>
<body>
<form id="form_area" action="yxc_car_add" method="get">
    <div class="container">
        <div class="row justify-content-center bg-light" style="height: 700px">
            <div class="align-self-center">
                <div class="row">
                    <h5 style="position: relative;left: 200px">添加车牌</h5>
                </div>
                <input type="hidden" th:name="car_owner" th:value="${car_owner}">
                <input type="hidden" th:name="owner_telephone" th:value="${owner_telephone}">
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>
                            车牌号</label>
                        <input type="text" maxlength="10" class="form-control yuan" id="car_number"
                               name="car_number" required/>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-xl-8 width">
                        <label>
                            车牌颜色: </label>
                        <select name="number_color" id="number_color" style="border-radius: 5px">
                            <option value="0">蓝色</option>
                            <option value="1">黑色</option>
                            <option value="2">黄色</option>
                        </select>
                    </div>
                </div>
                <div class="row justify-content-center bg-light mt-3" id="btns">
                    <div class="col-xl-8 text-center">
                        <button class="btn" id="btn_ok" style="width: 250px;border-radius: 20px"><p
                                style="color: white;height: 10px">添加</p></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

</body>
</html>